<template>
	<div>
		<div class="wdxq_title flex align_center">
			<i class="el-icon-arrow-left" style="float: left;margin-left: 4%;font-size: 2.4rem;" @click="fh"></i>
			<span class="flex1">动态</span>
			<i class="el-icon-arrow-left" style="float: right;margin-right: 4%;font-size: 2.4rem;opacity: 0;"></i>
		</div>
		<div class="wdxq_div1 clear2">
			<div @click="tabI=data.i" class="wdxq_div1left " v-for="(data,key) in div1left" :class="tabI==data.i?'wdxq_div1leftactive':''">
				<span>{{data.name}}</span>
			</div>
		</div>
		<div class="wdxq_div2 clear2">
			<div class="wdxq_div2left">
				<p class="wdxq_div2leftp1">给张三打赏</p>
				<p class="wdxq_div2leftp2">2017-01-02</p>
			</div>
			<div class="wdxq_div2right">
				-2.00
			</div>
		</div>
		

	</div>
</template>

<script>
	export default {
		data: function() {
			return {
				tabI:0,
				div1left:[{
					'name':'本月',
					'i':0,
				},{
					'name':'上月',
					'i':1,
				},{
					'name':'全部',
					'i':2,
				}]

			}
		},
		mounted() {

		},
		methods: {
			fh(){
        		window.history.go(-1);
        	},
		}
	}
</script>

<style scoped>
	.wdxq_title {
		text-align: center;
		color: #b042ff;
		font-size: 1.8rem;
		padding: 3% 0;
		border-bottom: 1px solid #b2b2b2;
	}
	.wdxq_div1{
		width: 100%;
		border-bottom: 1px solid #e5e5e5;
		padding: 1rem 0;
	}
	.wdxq_div1left{
		font-size: 1.5rem;
		color: #505050;
		float: left;
		height: 2rem;
		line-height: 2rem;
		border-right: 1px solid #d1d1d1;
		text-align: center;
		width: 33.3%;
		box-sizing: border-box;
	}
	.wdxq_div1leftactive span{
		padding: 0 0.5rem;
		padding-bottom:1rem ;
		color: #b042ff;
		border-bottom: 3px solid #b042ff;
	}
	.wdxq_div2{
		width: 95%;
		padding: 0.7rem 2.5%;
		border-bottom: 1px solid #e5e5e5;
		
	}
	.wdxq_div2left{
		float: left;
		height: 3.5rem;
		
		
	}
	.wdxq_div2leftp1{
		font-size: 1.6rem;
		line-height: 2rem;
		color: #4a4a4a;
	}
	.wdxq_div2leftp2{
		font-size: 1.3rem;
		line-height: 1.5rem;
		color: #8f8f8f;
	}
	.wdxq_div2right{
		float: right;
		color: #ff4242;
		line-height: 3.5rem;
		font-size: 1.3rem;
	}
</style>